<template>
    <div>
    	<themeHeader title="卡券充值"></themeHeader>
    	<div class="list-block content">
    		<ul class="czk-ul">
    			<li>
    				<div class="item-content">
			          	<div class="item-media"><img src="./images/kh.png"></div>
			          	<div class="item-inner">
				            <div class="item-input">
				             		<input type="text" placeholder="请输入卡号">
			            	</div>
			          	</div>
			        </div>
    			</li>
    			<li>
    				<div class="item-content">
			          	<div class="item-media"><img src="./images/pwd.png"></div>
			          	<div class="item-inner">
				            <div class="item-input">
				             		<input type="text" placeholder="请输入您的密码">
			            	</div>
			          	</div>
			        </div>
    			</li>
    		</ul>
    		<div class="czk-footer">
    			<img src="./images/tips.png">
    			<span>充值说明</span>
    		</div>
    	</div>
    </div>
</template>
<style type="text/css">
	.czk-ul .item-input{
		padding: 0.5rem 0;
	}
	.czk-ul img,.czk-footer img{
		width: 1rem;
	}
	.czk-footer{
		margin-top: 2rem;
		margin-left: 1rem;
		color: green;
	}
</style>
<script type="text/javascript">
import ThemeHeader from "./../home/component/themeHeader.vue";
	export default {
		created:function(){
			console.log(typeof getCookie().userName);
			if(getCookie().userName==undefined){
		    	this.$router.push("/login");
		    }
		},
		methods:{
			back:function(){
			}
		},
		components:{
			ThemeHeader
		}
	}
</script>